أحدث الأخبار
Loading...

إضافة أيقونات الشبكات الإجتماعية بشكل جديد لمدونة بلوجر

0 التعليقات

إضافة أيقونات الشبكات الإجتماعية بشكل جديد ومتميز عن الأيقونات الأخرى ، كما أنها إضافة جميلة لكل المدونين حيث أنها تجمع كل أيقونات المواقع الإجتماعية المشهورة و التي تلعب دورا مهما في جلب الزوار ، لهذا فهذه الإضافة تعتبر مهمة في توسيع نطاق متابعيك.


إضافة أيقونات الشبكات الإجتماعية بشكل جديد لمدونة بلوجر

لإضافتها اتبع الخطوات التالية :


1- ادخل الى مدونتك عن طريق الرابط التالي:


http://blogger.com/


2- اذهب الى لوحة التحكم تم اضغط على تخطيط


3- تم اضغط على اضافة أداة ، HTML/JavaScript


ثم الصق الكود التالي:


<a href="https://www.facebook.com/th3xd" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicqQvegB0TFpR4SCepV5YW22AU8nov4X458atxwAsiWBLbYzy09oHKJ7R2XiczO4YNhhIOKFff5Gm9C6rYh-S9vdP8VPcY5JVMfupCuAlKlQ4UxCbEkMY1EZPENfmn9n3kPw78CPM1B3g/s1600/facebook-30x43.png" /></a>
<a href="https://twitter.com/anasnokri" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2X6OyvxmVk0Yevp1s5udiDiN3XDSndZc1EcljAerUjreOtwBJWzckGV1f1uHBi7fKNm9bG_xdaTLNL6-gEK94v4_V9eS17VLJ4BeXY3KUcdY4gKaDvyfFWasMNctq6y-aBxWvdYW1zOo/s1600/twitter-30x43.png" /></a>
<a href="https://plus.google.com/117554884515213827524/posts" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjg-EsNF-Wr4lMbGBgKK8DlmVLe735Pouf4m3gc_9g253fCOPmEi3ZvLDkw4jrZTdpfxV9u_Ne3ZaWAgveb8VXXRrYlZQa6eDlYit7_Odsfd_6ZE4hOv-WqiAFu0vD4a_e8Kzd5bt3vOw/s1600/googleplus-30x43.png" /></a>
<a href="http://feeds.feedburner.com/th3xd" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMjwAF01nekwf29kFrrtN0tO68a_RG_4bjN7d-F3S-1LbIecEQV4V6hZZj_VLO2h2k5ygH2zwl_zKBUUG120Lv1rT6oFjla_v33mK6tnPnx34UrVMJMyJ0a6TYfhefIsEPM0RZ-HbH8pQ/s1600/rss-30x43.png" /></a>
<a href="http://www.th3xd.blogspot.com/"></a> 

4- الأن قم بتغير ما لون بالأزرق بحساباتك


و أخيرا قم بالضغط على حفظ و مبروك عليك الاضافة.

إستبدال روابط ( الأقدم ، الأحدث ، الرئيسية ) بصور لمدونة بلوجر

0 التعليقات

إستبدال روابط ( الأقدم ، الأحدث ، الرئيسية ) بصور طريقة جميلة لزيادة جمالية مدونتك لأنها تتير إنتباه زوارك و تشجعهم على تصفح مدونتك و متابعة كل جديدك لهذا فهذه الإضافة مهمة لكل المدونين و المطورين.


إستبدال روابط ( الأقدم ، الأحدث ، الرئيسية ) بصور لمدونة بلوجر


لإضافتها اتبع الخطوات التالية :


1- ادخل الى مدونتك عن طريق الرابط التالي:


http://blogger.com/


2- اضغط على "قالب" بجانب مدونتك


3- ستفتح لك صفحة التصميم ، اضغط على "تحرير html"


4- ابسط اكواد القالب عن طريق وضع علامة صح في المربع "توسيع عناصر قوالب واجهة المستخدم"


5- ابحث عن الأجزاء التالية (اضغط crtl+F للبحث) :


اولآ : استبدال رابط الاقدم : 


<data:olderPageTitle/> واستبدله بهذا الكود :




ثانياَ : استبدال رابط الاحدث : 


<data:newerPageTitle/> واستبدله بهذا الكود :


<img alt='رسائل أحدث' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOB-0soubWUp0tW4sQcTxYwvKHdqVI1ojpQ2MBD4qVcGJqsAq1HNStGvrwYrg9O9UCypdmbDiqPEgVvK3A0CJYFwaeY0cEAEtf3C9krMALt3pe74JuLSEEWgOTONkwOzu4MPHf-yNvaJgh/s1600/w2b_next.png'/>



ثالثاَ : استبدال رابط الرئيسيه : 


<data:homeMsg/> واستبدله بهذا الكود :



6- يمكنك تغيير روابط الصور الملونة بالأزرق بصور من عندك


و أخيرا قم بالضغط على حفظ و مبروك عليك الاضافة.

إضافة أداة الترجمة للعديد من اللغات لمدونة بلوجر

0 التعليقات

إضافة أداة الترجمة للعديد من اللغات إضافة جيدة لكل من له مدونة تستهدف بعض الدول الأجنبية فلذلك فهي أداة مهمة للكثير من المدونين و المطورين ، حيث توفر عنهم عناء كتابة تدوينة بالعديد من اللغات لهذا فهذه الأداة تعتبر بديلا لكل هذا العناء.


إضافة أداة الترجمة للعديد من اللغات لمدونة بلوجر


لإضافتها اتبع الخطوات التالية :


1- ادخل الى مدونتك عن طريق الرابط التالي:


http://blogger.com/


2- اذهب الى لوحة التحكم تم اضغط على تخطيط


3- تم اضغط على اضافة أداة ، HTML/JavaScript


ثم الصق الكود التالي:

<style type="text/css">
.w2bgft{padding:5px;}
.w2bgft input{padding:1px;margin-left:1px;border:1px solid #ccc;}
.w2bgft input:hover{border:1px solid #ff0000;}
</style>
<div class="w2bgft">
<!--Google Flag Translator by  BTSNTS-->
 
<form action="http://www.google.com/translate">
<script language="JavaScript">document.write ("<input name=u value="+location.href+" type=hidden>")</script><input name="u" value="http://th3xd.blogspot.com/" type="hidden" />
<noscript><a href="http://th3xd.blogspot.com/">BTSNTS</a></noscript>
<input name="hl" type="hidden" value="en" />
<input name="ie" type="hidden" value="UTF8" />
<input name="langpair" type="hidden" value="" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/uk_flag.gif" title="English" type="image" value="auto|en" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/cn_flag.gif" title="Chinese Simplified" type="image" value="auto|zh-CN" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/gr_flag.gif" title="Greek" type="image" value="auto|el" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/in_flag.gif" title="Hindu" type="image" value="auto|hi" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/de_flag.gif" title="German" type="image" value="auto|de" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/nl_flag.gif" title="Dutch" type="image" value="auto|nl" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/ru_flag.gif" title="Russian" type="image" value="auto|ru" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/bg_flag.gif" title="Bulgarian" type="image" value="auto|bg" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/pl_flag.gif" title="Polish" type="image" value="auto|pl" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/cz_flag.gif" title="Czech" type="image" value="auto|cs" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/hr_flag.gif" title="Croatian" type="image" value="auto|hr" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/fr_flag.gif" title="French" type="image" value="auto|fr" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/it_flag.gif" title="Italian" type="image" value="auto|it" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/pt_flag.gif" title="Portuguese" type="image" value="auto|pt" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/es_flag.gif" title="Spanish" type="image" value="auto|es" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/sa_flag.gif" title="Arabic" type="image" value="auto|ar" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/ja_flag.gif" title="Japanese" type="image" value="auto|ja" width="30" />
<input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/kr_flag.gif" title="Korean" type="image" value="auto|ko" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/tw_flag.gif" title="Chinese (traditional)" type="image" value="auto|zh-TW" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/dk_flag.gif" title="Danish" type="image" value="auto|da" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/fi_flag.gif" title="Finnish" type="image" value="auto|fi" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/no_flag.gif" title="Norwegian" type="image" value="auto|no" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/se_flag.gif" title="Swedish" type="image" value="auto|sv" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/cl_flag.gif" title="Catalan" type="image" value="auto|ca" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/ph_flag.gif" title="Filipino" type="image" value="auto|tl" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/il_flag.gif" title="Hebrew" type="image" value="auto|iw" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/id_flag.gif" title="Indonesian" type="image" value="auto|id" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/lv_flag.gif" title="Latvian" type="image" value="auto|lv" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/lt_flag.gif" title="Lithuanian" type="image" value="auto|lt" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/rs_flag.gif" title="Serbian" type="image" value="auto|sr" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/sk_flag.gif" title="Slovak" type="image" value="auto|sk" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/si_flag.gif" title="Slovenian" type="image" value="auto|sl" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/ua_flag.gif" title="Ukrainian" type="image" value="auto|uk" width="30" />
<input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://www.google.com/images/flags/vn_flag.gif" title="Vietnamese" type="image" value="auto|vi" width="30" />
</form>
<span style="float:right ; font-size: 10px; font-weight: normal; line-height: 0px; margin-top: 15px;"></span></div>

4- غير http://th3xd.blogspot.com الملون بالأزرق برابط مدونتك


و أخيرا قم بالضغط على حفظ و مبروك عليك الاضافة.

ضع إعلانات أدسنس أين شئت على مدونة بلوجر

0 التعليقات

تطرقت في هذه التدوينة إلى كيفية وضع إعلانات ادسنس أينما تريد ، على عكس الطرق التقليدية في أماكن وضعها ، مثل أسفل عنوان الموضوع أو وسط الموضوع أو أسفل الموضوع ، مما يضاعف حضوضك في نقر زوارك على الاعلانات مما يزيد من نسبة ربحك على أدسنس.*


1- الطرق التقليدية لوضع إعلانات أدسنس :


ضع إعلانات أدسنس أين شئت على مدونة بلوجر

إعلانات أدسنس في مربعات القائمة الجانبية


ضع إعلانات أدسنس أين شئت على مدونة بلوجر

إعلانات أدسنس تحت جسم التدوينة


2- وضع إعلانات أدسنس أسفل عنوان الموضوع:


أولا: تحتاج لأن تدخل إلى حسابك على أدسنس ثم تنشئ إعلانا جديدا و تنسخ الكود المولد ، ثم تحوله عبر هذه الأداة كي لا يعترضك خطأ في التنسيق عند زرع الكود في القالب.


ثانيا: توجه إلى صفحة تحرير html ، احفظ نسخة احتياطية من القالب ثم ضع علامة في خانة توسيع القوالب. و ابحث عن هذا الكود :


<data:post.body/>

تم تضع مباشرة فوقه (قبله) تضع الكود التالي ، الذي ستضع فيه كود الإعلان الذي ستحوله عبر هذه الأداة.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
هنا تضع كود إعلان أدسنس المحصل عليه
</b:if>

3- وضع إعلانات أدسنس وسط الموضوع.


توجه إلى صفحة تحرير Html و طبعا احفظ نسخة احتياطيية من القالب ، ضع علامة في خانة توسيع القوالب و ابحث عن هذا الكود التالي (إن وجدت منه اثنين فالثاني هو المقصود).


<data:post.body/>

حدده و استبدله بهذا الكود.


<div expr:id='"aim1" + data:post.id'></div>

<div style="clear:both; margin:10px 0">

<!-- AdSense code هنا تضع كود إعلان أدسنس المحصل عليه -->

</div>

<div expr:id='"aim2" + data:post.id'>

<data:post.body/>

</div>

<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

تم استبدل ما لون بالأحمر بكود إعلانك على أدسنس المحصل عليه ، و احفظ القالب.


4- وضع إعلانات أدسنس أسفل الموضوع:


توجه إلى صفحة تحرير Html و طبعا احفظ نسخة احتياطيية من القالب ، ضع علامة في خانة توسيع القوالب و ابحث عن الكود التالي :


<data:post.body/>

تم تضع مباشرة تحته (بعده) تضع الكود التالي ، الذي ستضع فيه كود الإعلان الذي ستحوله عبر هذه الأداة.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
هنا تضع كود إعلان أدسنس المحصل عليه
</b:if>

تم استبدل ما لون بالأحمر بكود إعلانك على أدسنس المحصل عليه ، و احفظ القالب.


إن واجهتك أي مشكلة ضعها في تعليق و بالتوفيق للجميع

إضافة تجعل كل من يقوم بنسخ تدويناتك ينسخ رابط موقعك وكذلك العنوان تلقائيا

0 التعليقات

إضافة تجعل كل من يقوم بنسخ تدويناتك ينسخ رابط موقعك وكذلك العنوان تلقائيا ، و هذه الطريقة جميلة للحد من سرقة مواضيعك من دون ذكر مصدرها ، و هناك بعض الأشخاص الذي لا يجدون حلا لهذه المشكلة فيقومون بتعطيل الزر الأيمن للماوس الذي يمنع نسخ أي شيئ في المدونة وهذه الطريقة ليست بالطريقة الجيدة مقارنة بنسخ رابط موقعك وكذلك العنوان تلقائيا.


إضافة تجعل كل من يقوم بنسخ تدويناتك ينسخ رابط موقعك وكذلك العنوان تلقائيا

لإضافتها اتبع الخطوات التالية :


1- ادخل الى مدونتك عن طريق الرابط التالي:


http://blogger.com/


2- اضغط على "قالب" بجانب مدونتك


3- ستفتح لك صفحة التصميم ، اضغط على "تحرير html"


4- ابحث عن الجزء التالي (اضغط crtl+F للبحث) :


</head>

ثم الصق الكود التالي قبله مباشرة:


<script type='text/javascript'>
if(document.location.protocol==&#39;http:&#39;){
 var Tynt=Tynt||[];Tynt.push(&#39;d-PytMlMWr4j7madbi-bnq&#39;);Tynt.i={&quot;ap&quot;:&quot;المصدر: اميل بي سي للمعلوميات &quot;};
 (function(){var s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src=&#39;http://tcr.tynt.com/ti.js&#39;;var h=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})();
}
</script>

5- الأن قم بتغير :


المصدر: مهووسي المعلوميات بما يناسبك


و أخيرا قم بالضغط على حفظ و مبروك عليك الاضافة.

إضافات بلوجر ضرورية لكل مدونة بلوجر

0 التعليقات

إضافات بلوجر ضرورية لكل مدونة بلوجر حصريا على مهووسي المعلوميات ، لكل مدون و مطور مبتدئ حيث أن هناك العديد من الإضافات ، و لكن إختيار الأفضل هي مهمة صعبة لذا رأيت أن أقوم بتجميع مجموعة من إضافات بلوجر الضرورية و الأساسية التي ستسهل طريق كل مدون في عالم التدوين ، و تتيح له الوصول بسرعة إلى الإحتراف.


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة ترقيم الصفحات لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة أزرار مواقع التواصل الإجتماعي لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر


إضافة نوافذ المفضلات الإجتماية الجانبية لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة زر الصعود السلس نحو الأعلى لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة تعليقات الفيسبوك لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة نافذة منبثقة بتقنية jQuery لصندوق إعجابات الفيسبوك لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة تعريف كاتب الموضوع لمدونة بلوجر الشخصية و الجماعية


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة عناوين المواضيع داخل إطار جميل لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة تلخيص التدوينات مع الصور و الملخص لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة تأثيرات حركية على الصور لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة تابعني على تويتر بشكل جميل لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة محرر أكواد الألوان لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة صندوق تعليقات Disqus لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة أزرار مواقع التواصل الإجتماعي بشكل ميترو لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة خاصية "إقرأ المزيد" لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة أداة إحترافية للإشتراك عبر البريد الإلكتروني لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة صندوق إشتراك جميل بتقنية CSS لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة آخر المواضيع المتحركة مع الصور لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

إضافة الإشتراك عن طريق البريد الإلكتروني بشكل إحترافي لمدونة بلوجر


إضافات بلوجر ضرورية لكل مدونة بلوجر

المتابعون

AmelPC

جميع الحقوق محفوظة مدونة اميلو ©2013-20143 | ، نقل بدون تصريح ممنوع .